<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>
  <!-- <div id="box">哈哈哈</div> -->

  <script>
    // 代码报错会影响到后续代码的执行
    // try-catch语法
    //  try 尝试 把可能出错的代码写在try里面（意味着try里面代码始终会执行）
    //  如果try里面代码出错，会被catch语句捕获到，避免代码报错影响后续代码的执行

    /* document.querySelector('#box').onclick = function () {
      console.log(1)
    }

    console.log(2) */


    try {
      document.querySelector('#box').onclick = function () {
        console.log(1)
      }
    } catch (e) {
      // e 错误信息
      console.log('有错误', e)
    }

    console.log(2)
  </script>
</body>

</html>